<template>
    <el-row class="tac">
        <el-col>
            <h5 class="mb-2">Default colors</h5>
            <el-menu default-active="2">
                <el-sub-menu index="1">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>疫情专区</span>
                    </template>
                    <RouterLink :to="{ name: RouterNameSpace.YiQingList }">
                        <el-menu-item index="1-1">疫情专区列表</el-menu-item>
                    </RouterLink>
                </el-sub-menu>

                <el-sub-menu index="2">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>外出申请</span>
                    </template>
                    <RouterLink :to="{ name: RouterNameSpace.OutSideApply }"><el-menu-item index="2-1">申请</el-menu-item>
                    </RouterLink>
                </el-sub-menu>

                <el-sub-menu index="3">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>小区管理</span>
                    </template>
                    <RouterLink :to="{ name: RouterNameSpace.CommunityPeople }"><el-menu-item index="3-1">小区</el-menu-item>
                    </RouterLink>
                </el-sub-menu>

            </el-menu>
        </el-col>

    </el-row>
</template>

<script lang="ts" setup>
import {
    Menu,
    Location,
} from '@element-plus/icons-vue'
import { RouterNameSpace } from '@/router/types';


</script>
